 // 页头
 .light {

   .navbar {
     .right-menu {
       color: #4d4d4d;
     }

   }

   // 条件搜索框浅色系
   .search-form-box {
     background: #ffffff !important;

     .right-box {
       .el-button--default {
         background: #1e88f7;
         color: #fff;
       }

       .el-button--primary {
         background: #ffffff;
         color: #676c7d;
         border: 1px solid #f3f3f3;
       }
     }

   }

   // 表格浅色系设置 
   .table-wrap {
     background: #ffffff !important;

     // 斑马线
     th {
       background: #ecf1f7 !important;
     }

     .el-table__body tr:hover>td {
       background: #e9edf4 !important;
     }

     tbody tr:nth-child(even) {
       background: #f9fbfd !important;
     }

     tbody tr:nth-child(odd) {
       background: #fff !important;
     }

     // icon
     .editor-box:hover {
       .el-icon-edit-outline {
         color: #717585 !important;
       }
     }

     .el-icon-warning-outline {
       color: #f285a6;
     }

     .el-icon-delete {
       color: #f5aea6;
     }

     // 状态颜色
     .status-close {
       color: #ff0000;
     }

     .status-open {
       color: #8cc63f;
     }
   }

   // 隐藏显示背景色
   .toggle-box {
     background: #f5f6fa !important;
   }

   .el-form-item__label,
   tr,
   th {
     color: #676c7d;
   }

   .el-dialog {
     .el-dialog__header {
       color: #1d253b;
       margin-bottom: 20px;
     }

     // 弹出框 底部按钮
     .dialog-btn {
       .el-form-item__content {
         margin-left: 0px !important;
       }

       .el-form-item {
         margin-bottom: 0px !important;
       }
     }


     .el-button--info {
       background-color: #efedee;
       color: #9e9c9d;
       border: none;
     }
   }

   .company-word {
     color: #000000;
   }
 }
